<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ page import="java.io.*" %>
<%@ page import="tables.*" %>
<!DOCTYPE html >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link rel="stylesheet" media="screen" type="text/css" title="Menu" href="design.css" />
<title>Bienvenue sur alibi en folie!</title>
</head>
<body>
<div id="corps">
	<div id="cadreGauche">
	    <form action="gestionOnglet">
		<p id="souligne"> Identifiez-vous </p>
			 Pseudo : <input type="text" name="pseudonyme" id="plusCourt" maxlength="20">
			 Mot de Passe : <input type="password" name="motDePasse" id="plusCourt" maxlength="20">
			 <br>
			<input type="submit" name="connexion" value="connexion" id="bouton2">
			<br>
			<br>
			<input type="submit" name="creerCompte" value="creez un compte" id="bouton2">
			
	</form>
		<p>nombre de membres :</p>
		<%//JdbcUtilisateur.nbMembre()%>
		<p>Publicité :</p>
				<img alt="" src="image/nonPub.jpg" id="imgPub">
				<br>
				<p>Nous vous conseillons:</p>
				<a href="http://www.hteumeuleu.fr/wp-content/uploads/2011/05/developpeurs-graphistes-chefs-projets.jpg" onclick="window.open(this.href);return false;">hteumeuleu.fr</a>
				<br>
				<a href="http://www.perdu.com" onclick="window.open(this.href);return false;">perdu ?</a>
				<br>
				<a href="http://www.radins.com" onclick="window.open(this.href);return false;">besoin d'argent?</a>
	
	</div>
	<div id="cadreDroite">
	    	<p><a href="devenirPremium.jsp" class="info">devenez membre premium</a></p>
	    	<p><a href="infoPremium.html" class="info" onclick="window.open(this.href);return false;">Qu'est ce qu'un membre premium ?</a></p>
		</div>
    <div id="debut">	
		<div id="banniere">
			<div id="image">
				<img alt="" src="image/chut3.jpg">
			</div>
			<div id="image2">
				<img alt="" src="image/chut4.jpg">
			</div>
    	 	Bienvenue sur alibi.com <br> Le site des alibis en folie!
			<br>
			<br>
		</div>
		<div id="formulaire">
		    <form action="ApplicationAlibi" >
		<a href="accueil.jsp"><img src="image/accueil.png" id="imageReduite"></a>
		<p id="titre"> Création de votre compte </p>
		
		<%if (request.getAttribute("fauxMotDePasse")==null){ %>
		<table id="tableFormulaire">
		<tr><td> Nom:    </td><td> <input type="text" name="nom" required maxlength="20"/> </td></tr>
		
	    <tr><td> Prenom: </td><td> <input type="text" name="prenom" required maxlength="20"/> </td></tr>
	    
	    <tr><td> Pseudo:</td><td> <input type="text" name="pseudo" required maxlength="20"/> </td></tr>
	    
	    <tr><td> Date de naissance:   </td><td> <select name="jour"> 
	    									<% int i;
	    									   for (i=1; i<32;i++){%>
	    											<option value="<%=i%>"> <%=i%> </option>  
	    									<%} %>  											
	    								       </select> 
	    								   <select name="mois">
	    									 <option value="janvier">Janvier </option>
	    									 <option value="fevrier">Février </option>
	    									 <option value="mars">Mars </option>
	    									 <option value="avril">Avril </option>
	    									 <option value="mai">Mai </option>
	    									 <option value="juin">Juin </option>
	    									 <option value="juillet">Juillet </option>
	    									 <option value="aout">Août </option>
	    									 <option value="septembre">Septembre </option>
	    									 <option value="octobre">Octobre </option>
	    									 <option value="novembre">Novembre </option>
	    									 <option value="decembre">Décembre </option>
	    								       </select>
	    								  <select name="an">
	    								   	<%int an;
	    								   	  for (an=1940; an<1994;an++){
	    								   		  if(an==1989){%>
	    								   	  <option value="<%=an%>" selected> <%=an%> </option>
	    								   	  <%}else {%>
	    								   	  <option value="<%=an%>"> <%=an%> </option>
	    								   	  <%}} %>
	    								     </select> </td></tr>
	    
	    <tr><td> Sexe:  </td><td> <select name="sexe">
	    			<option value="femme"> Femme </option>
	    			<option value="homme"> Homme </option>
	    	   </select> </td></tr>
	    	   
	    <tr> <td> E-mail:</td><td> <input type="email" name="email" required="required" maxlength="40"/> </td></tr>

		<tr> <td> Téléphone:</td><td> <input type="text" name="telephone" required="required" maxlength="10"/> </td></tr>
	    	   
	    <tr> <td> Adresse: </td><td><input type="text" name="adresse" required="required" maxlength="100"/></td></tr>
	    
	    <tr> <td> Ville:</td><td> <input type="text" name="ville" required="required" maxlength="50"/> </td></tr>
	    
	    <tr> <td> Situation amoureuse: </td><td><select name ="statut">
	    						<option value="celibataire"> Célibataire </option>
	    						<option value="enCouple"> En couple </option>
	    						<option value="fiance"> Fiancé(e) </option>
	    						<option value="marie"> Marié(e) </option>
	    						<option value="relationLibre"> Dans une relation libre </option>
	    						<option value="separe"> Séparé(e) </option>
	    						<option value="divorce"> Divorcé(e) </option>
	    						<option value="veuf"> Veuf(ve) </option>
	    				  </select> </td></tr>
	    				  
	    <tr> <td> Orientation sexuelle:</td><td><select name="orientation">
	    						<option value="hetero"> Hétéro </option>
	    						<option value="homo"> Homo </option>
	    						<option value="bi"> Bi </option>
	    				  </select> </td></tr>
	    		 
	    <tr> <td> Votre taille:</td><td> <input type="text" name="taille" required="required"> cm </td></tr>
	     
	    <tr> <td> Couleur des cheveux:</td><td> <select name="cheveux">
	    											<option value="blond">Blond(e) </option>
	    											<option value="brun">Brun(e) </option>
	    											<option value="roux">Roux(sse) </option>
	    											<option value="chatain">Chatain </option>
	    											<option value="chauve">Chauve </option>
	    											<option value="autre">Autre </option>
	    										</select> </td></tr>
	    										
	    <tr> <td> Couleur des yeux:</td><td> <select name="yeux">
	    											<option value="bleu">Bleu</option>
	    											<option value="marron">Marron</option>
	    											<option value="vert">Vert</option>
	    										</select> </td></tr>
	    										
	    <tr> <td> Mot de passe:</td><td> <input type="password" name="motDePasse" required maxlength="20"/> </td></tr>
	    
	    <tr> <td> Confirmation du mot de passe:</td><td> <input type="password" name="motDePasse2" required maxlength="20"/> </td></tr>
		<tr> <td> </td></tr>
		<tr> <td> </td></tr>
		<tr> <td> </td></tr>
		<tr> <td> </td> <td><input type="submit" name="validerCreation" value="Valider" id="bouton" /> </td></tr>
	    </table>
	    <%}else{ %>
	   		<script> alert('Veuillez re-confirmer votre mot de passe, une erreur s\'est produite');</script>
	   		<table id="tableFormulaire">
		<tr><td> Nom:    </td><td> <input type="text" name="nom" required maxlength="20" value="<%=request.getAttribute("nom")%>"/> </td></tr>
		
	    <tr><td> Prenom: </td><td> <input type="text" name="prenom" required maxlength="20" value="<%=request.getAttribute("prenom")%>"/> </td></tr>
	    
	    <tr><td> Pseudo:</td><td> <input type="text" name="pseudo" required maxlength="20"  value="<%=request.getAttribute("pseudo")%>"/> </td></tr>
	    
	    <tr><td> Date de naissance:   </td><td> <select name="jour"> 
	    									<% int i;
	    									   for (i=1; i<32;i++){%>
	    											<option value="<%=i%>" <%if(request.getAttribute("jour").equals(i)){%> selected <%}%>> <%=i%> </option>  
	    									<%} %>  											
	    								       </select> 
	    								   <select name="mois">
	    									 <option value="janvier" <%if(request.getAttribute("mois").equals("janvier")){%> selected <%}%>>Janvier </option>
	    									 <option value="fevrier" <%if(request.getAttribute("mois").equals("fevrier")){%> selected <%}%>>Février </option>
	    									 <option value="mars" <%if(request.getAttribute("mois").equals("mars")){%> selected <%}%>>Mars </option>
	    									 <option value="avril" <%if(request.getAttribute("mois").equals("avril")){%> selected <%}%>>Avril </option>
	    									 <option value="mai" <%if(request.getAttribute("mois").equals("mai")){%> selected <%}%>>Mai </option>
	    									 <option value="juin" <%if(request.getAttribute("mois").equals("juin")){%> selected <%}%>>Juin </option>
	    									 <option value="juillet" <%if(request.getAttribute("mois").equals("juillet")){%> selected <%}%>>Juillet </option>
	    									 <option value="aout" <%if(request.getAttribute("mois").equals("aout")){%> selected <%}%>>Août </option>
	    									 <option value="septembre" <%if(request.getAttribute("mois").equals("septembre")){%> selected <%}%>>Septembre </option>
	    									 <option value="octobre" <%if(request.getAttribute("mois").equals("octobre")){%> selected <%}%>>Octobre </option>
	    									 <option value="novembre" <%if(request.getAttribute("mois").equals("novembre")){%> selected <%}%>>Novembre </option>
	    									 <option value="decembre" <%if(request.getAttribute("mois").equals("decembre")){%> selected <%}%>>Décembre </option>
	    								       </select>
	    								  <select name="an">
	    								   	<%int an;
	    								   	  for (an=1940; an<1994;an++){
	    								   		  if(request.getAttribute("an").equals(an+"")){%>
	    								   	  <option value="<%=an%>" selected> <%=an%> </option>
	    								   	  <%}else {%>
	    								   	  <option value="<%=an%>"> <%=an%> </option>
	    								   	  <%}} %>
	    								     </select> </td></tr>
	    
	    <tr><td> Sexe:  </td><td> <select name="sexe">
	    			<option value="femme" <%if(request.getAttribute("sexe").equals("femme")){%> selected <%}%>> Femme </option>
	    			<option value="homme" <%if(request.getAttribute("sexe").equals("homme")){%> selected <%}%>> Homme </option>
	    	   </select> </td></tr>
	    	   
	    <tr> <td> E-mail:</td><td> <input type="email" name="email" required="required" maxlength="40" value="<%=request.getAttribute("email")%>"/> </td></tr>

		<tr> <td> Téléphone:</td><td> <input type="text" name="telephone" required="required" maxlength="10" value="<%=request.getAttribute("tel")%>"/> </td></tr>
	    	   
	    <tr> <td> Adresse: </td><td><input type="text" name="adresse" required="required" maxlength="100" value="<%=request.getAttribute("adresse") %>"/></td></tr>
	    
	    <tr> <td> Ville:</td><td> <input type="text" name="ville" required="required" maxlength="50" value="<%=request.getAttribute("ville") %>"/> </td></tr>
	    
	    <tr> <td> Situation amoureuse: </td><td><select name ="statut">
	    						<option value="celibataire" <%if(request.getAttribute("statut").equals("celibataire")){%> selected <%}%>> Célibataire </option>
	    						<option value="enCouple" <%if(request.getAttribute("statut").equals("enCouple")){%> selected <%}%>> En couple </option>
	    						<option value="fiance" <%if(request.getAttribute("statut").equals("fiance")){%> selected <%}%>> Fiancé(e) </option>
	    						<option value="marie" <%if(request.getAttribute("statut").equals("marie")){%> selected <%}%>> Marié(e) </option>
	    						<option value="relationLibre" <%if(request.getAttribute("statut").equals("relationLibre")){%> selected <%}%>> Dans une relation libre </option>
	    						<option value="separe" <%if(request.getAttribute("statut").equals("separe")){%> selected <%}%>> Séparé(e) </option>
	    						<option value="divorce" <%if(request.getAttribute("statut").equals("divorce")){%> selected <%}%>> Divorcé(e) </option>
	    						<option value="veuf" <%if(request.getAttribute("statut").equals("veuf")){%> selected <%}%>> Veuf(ve) </option>
	    				  </select> </td></tr>
	    				  
	    <tr> <td> Orientation sexuelle:</td><td><select name="orientation">
	    						<option value="hetero" <%if(request.getAttribute("orientation").equals("hetero")){%> selected <%}%>> Hétéro </option>
	    						<option value="homo" <%if(request.getAttribute("orientation").equals("homo")){%> selected <%}%>> Homo </option>
	    						<option value="bi" <%if(request.getAttribute("orientation").equals("bi")){%> selected <%}%>> Bi </option>
	    				  </select> </td></tr>
	    		 
	    <tr> <td> Votre taille:</td><td> <input type="text" name="taille" required="required" value="<%=request.getAttribute("taille") %>"> cm </td></tr>
	     
	    <tr> <td> Couleur des cheveux:</td><td> <select name="cheveux">
	    											<option value="blond" <%if(request.getAttribute("cheveux").equals("blond")){%> selected <%}%>>Blond(e) </option>
	    											<option value="brun"<%if(request.getAttribute("cheveux").equals("brun")){%> selected <%}%>>Brun(e) </option>
	    											<option value="roux" <%if(request.getAttribute("cheveux").equals("roux")){%> selected <%}%>>Roux(sse) </option>
	    											<option value="chatain" <%if(request.getAttribute("cheveux").equals("chatain")){%> selected <%}%>>Chatain </option>
	    											<option value="chauve" <%if(request.getAttribute("cheveux").equals("chauve")){%> selected <%}%>>Chauve </option>
	    											<option value="autre" <%if(request.getAttribute("cheveux").equals("autre")){%> selected <%}%>>Autre </option>
	    										</select> </td></tr>
	    										
	    <tr> <td> Couleur des yeux:</td><td> <select name="yeux">
	    											<option value="bleu" <%if(request.getAttribute("yeux").equals("bleu")){%> selected <%}%>>Bleu</option>
	    											<option value="marron" <%if(request.getAttribute("yeux").equals("marron")){%> selected <%}%>>Marron</option>
	    											<option value="vert" <%if(request.getAttribute("yeux").equals("vert")){%> selected <%}%>>Vert</option>
	    										</select> </td></tr>
	    										
	    <tr> <td> Mot de passe:</td><td> <input type="password" name="motDePasse" required maxlength="20"/> </td></tr>
	    
	    <tr> <td> Confirmation du mot de passe:</td><td> <input type="password" name="motDePasse2" required maxlength="20"/> </td></tr>
		<tr> <td> </td></tr>
		<tr> <td> </td></tr>
		<tr> <td> </td></tr>
		<tr> <td> </td> <td><input type="submit" name="validerCreation" value="Valider" id="bouton" /> </td></tr>
	    </table>
	    <% }%>
	    <br>
		<br>
		<br>
		<br>
	</form>
		    
		</div>
		</div>
		<br>
</div>

<div id="fin">
*** Ce site a été créé par Marine Bardet, Auberi Lecocq, Marieke Gueye et Amandine Voinot ***
</div>
</body>
</html>